<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="MyFontsWebfontsKit.css" rel="stylesheet" type="text/css">
<link href="css/typo.css" rel="stylesheet" type="text/css" media="screen,projection">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="css/respond.min.js"></script>
</head>
<body background="images/bg.png">
<div class="gridContainer clearfix">
  <div id="film-project" class="back-link">
    <br><br>
    <a href="index.htm">« The Film Project
  </a></div>
  <div id="Title" class="titlu-articol">MOMENTS</div>
  <div id="Author" class="author">Nathan Firn</div>
  <div id="Video" class="video"><a href="#"><img src="images/moments-vidpic.png" alt="Play Moments Video"></a></div>
  <div id="about" class="about">About the Filmmaker</div>
  <div id="profile"><img src="images/moments-author-pic.png" alt="Ryan MacKenzie & Jay Rau" width="130"></div>
  <div id="about-body" class="article-body">Nathan Firn attended Film School at Emerson College. He works as an Animation Producer at Big Bad Tomato during the day and an independent Director/Producer by night. He has the ultimate goal to make a career of storytelling. Nathan has directed several narrative shorts, music videos, but this is his first attempt at a spot. Every project is a learning experience and only worth the time if everyone is gaining something and having fun in the process.  
  </div>
  <div id="divider1" class="divider"></div>
  <div id="quiz" class="quiz-head">How Do You Feel?</div>
  <div id="inspired" class="quiz-body">
      <p height="120" width="120"><a href="#"><img src="images/inspired.png" alt="Inspired"></a></p>
    <p>Inspired</p>
    </div>
  <div id="touched" class="quiz-body">
    <p height="120" width="120"><a href="#"><img src="images/touched.png" alt="touched"></a></p>
    <p>Touched</p>
  </div>
  <div id="happy" class="quiz-body">
    <p height="120" width="120"><a href="#"><img src="images/happy.png" alt="Happy"></a></p>
    <p>Happy</p>
   </div>
<div id="divider2" class="divider">&nbsp;</div>
  <div id="share" class="quiz-head">Share Video</div>
   <div id="social"><a href="www.facebook.com"><img src="images/facebook.png" alt="Facebook" class="social" height="45" width="45"></a><a href="www.twitter.com"><img src="images/twitter.png" alt="Twitter" class="social" height="45" width="45"></a><a href="www.pinterest.com"><img src="images/pinterest.png" alt="Pinterest" class="social" height="45" width="45"></a><a href="www.plus.google.com"><img src="images/plus.png" alt="Google Plus" class="social" height="45" width="45"></a></div>
</div>
</body>
</html>
